* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body,
#app {
  width: 100%;
  height: 100%;
}
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 7px; /*对垂直流动条有效*/
  height: 7px; /*对水平流动条有效*/
}

/* 定义滑块颜色、内阴影及圆角 */
::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: rgba(209, 213, 218, 1);
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(156, 164, 174, 1);
}

/* 禁用原生密码输入框小眼睛 */
input[type='password']::-ms-reveal {
  display: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

p {
  margin: 0;
}
/**
 * 常用class集合
 */

/* 左右浮动 */
.fr {
  float: right;
}

.fl {
  float: left;
}

/* 居左 */
.tl {
  text-align: left;
}
.tr {
  text-align: right;
}
.tc {
  text-align: center;
}

/* 超出... */
.ellipsis {
  overflow: hidden; /* 确保超出容器的文本被裁剪 */
  white-space: nowrap; /* 确保文本在一行内显示 */
  text-overflow: ellipsis; /* 超出部分显示为省略号 */
}
